﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="OrderDetail.aspx.cs" Inherits="Mobile_New_OrderDetail" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=2.0,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="../New/css/index.css" />
    <title></title>
    <style>
        * {
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        body {
            background: #fff;
        }

        .bottom_details span {
            font-size: 15px;
            color: #313131;
        }

        .all {
            width: 100%;
            overflow: hidden;
            padding-top: 50px;
            padding-bottom: 40px;
        }

        .middle .middle_top {
            width: 100%;
            height: 30px;
            line-height: 30px;
            background: #fff;
        }

            .middle .middle_top .middle_top_1 {
                width: 96%;
                height: 30px;
                border-bottom: 1px solid #ececec;
                margin: 0 auto;
                font-size: 12px;
                text-indent: 10px;
            }

        a:active {
            outline: hidden;
        }

        .middle_b {
            width: 100%;
            height: 35px;
            line-height: 35px;
            text-indent: 15px;
            border-bottom: 6px solid #eeeeea;
            font-size: 13px;
        }

        .a_middle {
            width: 100%;
            height: 60px;
            border-bottom: 6px solid #eeeeea;
        }

            .a_middle .m_l img {
                padding-left: 20px;
                margin-top: 15px;
            }

            .a_middle .m_l .zhuzhai {
                display: block;
                padding-left: 5px;
                color: #ff3969;
            }

            .a_middle .m_l {
                float: left;
                width: 22%;
                height: 60px;
                font-size: 10px;
            }

            .a_middle .m_r {
                float: left;
                width: 78%;
                height: 60px;
            }

                .a_middle .m_r img {
                    width: 6px;
                    float: right;
                    margin-top: -2px;
                    margin-right: 15px;
                }

                .a_middle .m_r .number {
                    font-weight: bold;
                    color: #C81624;
                }

                .a_middle .m_r .des {
                    display: block;
                    color: #999;
                    margin-bottom: 10px;
                    margin-top: 5px;
                    margin-right: 18px;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    font-size: 12px;
                    color: #555555;
                }

        .m_middle {
            width: 100%;
            border-bottom: 6px solid #eeeeea;
        }

            .m_middle .m_l {
                width: 22%;
                height: 62px;
                float: left;
            }

                .m_middle .m_l img {
                    width: 45px;
                    height: 45px;
                    margin-top: 10px;
                    padding-left: 10px;
                }

            .m_middle .m_r {
                width: 78%;
                height: 62px;
                float: left;
            }

                .m_middle .m_r .biaoti {
                    display: inline-block;
                    width: 75%;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-top: 24px;
                    font-size: 12px;
                }

                .m_middle .m_r .price {
                    display: inline-block;
                    float: right;
                    color: #FC263E;
                    margin-top: 10px;
                    margin-right: 15px;
                }

                .m_middle .m_r .des {
                    display: block;
                    color: #999;
                    line-height: 12px;
                    text-align: right;
                    padding-right: 15px;
                }

        font {
            display: block;
            color: #333;
            font-size: 12px;
            width: 90%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            margin-top: 15px;
            color: #555555;
        }

        .kong {
            width: 100%;
            height: 5px;
            background: #e3e3e3;
        }

        .member_info {
            width: 100%;
            height: 40px;
        }

            .member_info .info_left {
                width: 44%;
                float: left;
                height: 40px;
                line-height: 40px;
                padding-left: 3%;
                color: #aaa;
            }

            .member_info .info_right {
                width: 50%;
                height: 40px;
                line-height: 40px;
                padding-right: 3%;
                float: left;
                color: #aaa;
                text-align: right;
            }

                .member_info .info_right img {
                    padding-left: 3px;
                }

        .huise {
            width: 100%;
            height: 5px;
            background: #e3e3e3;
        }

        .huise_juzhong {
            width: 96%;
            border: 1px solid #eee;
            margin: 0 auto;
        }

        .bottom_details li:after {
            content: '';
            display: block;
            height: 0;
            visibility: hidden;
            clear: both;
        }

        .span_yanse {
            color: #ff3969;
        }

        .bottom_orderway {
            width: 100%;
            background: white;
        }

            .bottom_orderway li {
                width: 33.33%;
                float: left;
                text-align: center;
                font-size: 17px;
                margin-top: 30px;
            }

        span {
            color: #262626;
        }

        .bottom_orderway {
            width: 100%;
            background: white;
            height: 100px;
        }

            .bottom_orderway li {
                width: 33.33%;
                float: left;
                text-align: center;
                font-size: 17px;
                margin-top: 20px;
            }

                .bottom_orderway li div {
                    width: 55px;
                    height: 55px;
                    background-size: 45px 45px;
                    margin: 0 auto;
                }

                .bottom_orderway li span {
                    display: block;
                    font-size: 10px;
                }

        .mypic1 {
            background: url('../images/btn_pay_wechat_unselect.png') no-repeat;
            background-position: center center;
        }

        .mypic2 {
            background: url('../images/btn_pay_zhifubao_unselect.png') no-repeat;
            background-position: center center;
        }

        .mypic3 {
            background: url('../images/btn_pay_missfresh.png') no-repeat;
            background-position: center center;
        }

        .mypic1ed {
            background: url('../images/btn_pay_wechat.png') no-repeat;
            background-position: center center;
        }

        .mypic2ed {
            background: url('../images/btn_pay_zhifubao.png') no-repeat;
            background-position: center center;
        }

        .mypic3ed {
            background: url('../images/btn_pay_checked.png') no-repeat;
            background-position: center center;
        }

        .myspan1 {
            color: #333;
        }

        .myspan2 {
            color: #333;
        }

        .myspan3 {
            color: #333;
        }

        .myspan1ed {
            color: #41bd07;
        }

        .myspan2ed {
            color: #039DFF;
        }

        .myspan3ed {
            color: #FC263E;
        }

        .footer_bottom {
            width: 100%;
            position: fixed;
            left: 0px;
            bottom: 0px;
            height: 40px;
            color: #e4ebcc;
        }

            .footer_bottom .div_left {
                height: 40px;
                line-height: 40px;
                float: left;
                width: 70%;
                background: #000;
            }

            .footer_bottom .div_right {
                height: 40px;
                line-height: 40px;
                background: #fc263e;
                text-align: center;
                float: left;
                width: 30%;
                cursor: pointer;
            }

                .footer_bottom .div_right .div_right_r {
                    width: 65px;
                    height: 40px;
                    line-height: 40px;
                    margin: 0 auto;
                }

                .footer_bottom .div_right span {
                    float: left;
                    font-size: 16px;
                }

                .footer_bottom .div_right img {
                    width: 8px;
                    height: 10px;
                    float: left;
                    margin-top: 15px;
                    margin-left: 6px;
                }

            .footer_bottom .div_left table {
                display: inline-block;
                width: 70%;
                float: left;
            }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <header>
            <a href="MyOrder.aspx">
                <div class="btn">
                    <img src="../NEW/images/ic_back.png" />返回
                </div>
            </a>
            订单详情
        </header>

        <div class="all">

            <div class="middle">
                <asp:Repeater runat="server" ID="rptOrderDetail">
                    <ItemTemplate>
                        <div class="middle_top">
                            <div class="middle_top_1">
                                <%# Convert.ToDateTime(Eval("MicroOrderCreateTime")).ToString("yyyy-MM-dd hh:mm:ss") %>
                            </div>
                        </div>
                        <div class="middle_b">
                            订单号:<%# Eval("MicroOrderAccount") %>
                        </div>
                        <div class="a_middle">
                            <div class="clearfix">
                                <ul>
                                    <li>
                                        <div class="m_l ">
                                            <ul>
                                                <li>
                                                    <img src="../NEW/images/od_ic_address.png" style="width: 11px;" />
                                                    <br />
                                                    <span class="zhuzhai">【信息】</span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="m_r">
                                            <font><%# Eval("MicroOrderAdress") %>
									</font>
                                            <span><%# Eval("MicroOrderName") %>&nbsp;</span><span><%# Eval("MicroOrderMobile") %> </span>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </ItemTemplate>
                </asp:Repeater>




                <div class="m_middle clearfix">
                    <ul>
                        <asp:Repeater runat="server" ID="rptGoods">
                            <ItemTemplate>
                                <li>
                                    <div class="m_l">
                                        <img src="<%# Eval("GoodsPicture") %>" onerror="this.src='/images/Gift/nogift.jpg'" />
                                    </div>
                                    <div class="m_r">
                                        <span class="biaoti"><%# Eval("Name") %>
                                        </span>
                                        <span class="price">￥<%# Convert.ToDecimal(Eval("MicroOrderDetailPrice")).ToString("0.00") %></span>
                                        <span class="des">x<%# Eval("MicroOrderDetailNumber") %></span>
                                    </div>
                                </li>
                            </ItemTemplate>
                        </asp:Repeater>
                    </ul>
                </div>
            </div>


            <div class="bottom_details clearfix">
                <div class="member_info">
                    <div class="huise_juzhong"></div>
                    <li>
                        <div class="info_left">
                            <span>商品总价</span>
                        </div>
                        <div class="info_right">
                            <span id="shangpin_price" runat="server"></span>
                        </div>
                    </li>

                    <li>
                        <div class="info_left">
                            <b style="font-size: 18px;">合计</b>
                        </div>
                        <div class="info_right">
                            <span id="zhifu_price" class="span_yanse" style="font-size: 22px !important;" runat="server"></span>
                        </div>
                    </li>
                </div>
            </div>

        </div>


        <div class="footer_bottom">
            <div class="div_left">
                <table>
                    <tr>
                        <td class="tb1_td1" style="padding-left: 15px; font-size: 16px;"></td>
                        <td class="tb1_td2" style="font-size: 16px;"></td>
                    </tr>
                </table>
            </div>
            <div class="div_right">
                <div class="div_right_r">
                    <span style="color: #fff;">已支付</span>
                    <img src="../New/images/icon_detail_right.png" />
                </div>
            </div>
        </div>



    </form>
</body>
<script type="text/javascript" src="../New/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../New/js/js.js"></script>

</html>
